/* CSS Document */
/*common*/
.mb10 {
	margin-bottom: 10px;
}

.ml10 {
	margin-left: 10px;
}

.bg {
	background: #FFF;
}

em,
i {
	font-style: normal;
}

body {
	min-width: 1200px;
	width: 100%;
	overflow-x: hidden;
}


/**/
.banner {
	height: 600px;
	width: 100%;
	position: relative;
	z-index: 1;
}

.banner .bd,
.banner .bd li {
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.banner .bd li img {
	height: 600px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
}

.banner .bantil {
	width: 190px;
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -70px;
	z-index: 8;
}

.banner .bantil li {
	width: 45px;
	height: 10px;
	float: left;
	display: inline;
	text-align: center;
	font-size: 16px;
	margin: 10px 3px 0 0;
	background: #fff;
	line-height: 10px;
}

.banner .bantil li.on {
	background: url(../image/nav_hover.gif);
}

.sou {
	height: 55px;
	overflow: hidden;
}

.sou p {
	font: 14px "Microsoft YaHei";
	color: #1f1f1f;
	width: 760px;
	font-weight: bold;
	line-height: 55px;
	height: 55px;
	float: left;
	overflow: hidden;
}

.sou p a {
	display: inline-block;
	padding: 0 14px;
	color: #666;
	font-weight: normal;
	background: url(../image/sou_line.gif) no-repeat right center;
}

.sou p a:hover {
	color: #333;
	text-decoration: underline;
}

.sou p a.nones {
	background: none;
}

.sou1 {
	width: 400px;
	background: #eee;
	overflow: hidden;
	height: 55px;
	float: right;
}

.sou1 .ip01 {
	width: 330px;
	height: 55px;
	background: none;
	padding-left: 10px;
	outline: none;
	border: 0;
	color: #a9a9a9;
	font: 14px "Microsoft YaHei";
	line-height: 55px;
	overflow: hidden;
}

.sou1 .ip02 {
	width: 60px;
	height: 55px;
	background: #133964 url(../image/sou.png) no-repeat center center;
	border: 0;
	outline: none;
	cursor: pointer;
}

.yinz {
	height: 500px;
	overflow: hidden;
	background: url(../image/yinz_bg.jpg) no-repeat center top;
}

.yinz dl {
	width: 585px;
	float: left;
	margin-top: 70px;
	padding-left: 40px;
}

.yinz dt {
	font: 36px "Microsoft YaHei";
	font-weight: bold;
	color: #000000;
	padding-bottom: 40px;
}

.yinz dt em {
	color: #133964;
}

.yinz dt span {
	display: block;
	font: 24px "Microsoft YaHei";
	color: #4d4948;
	padding-top: 5px;
	background: url(../image/yinz_line.gif) no-repeat left bottom;
	padding-bottom: 18px;
}

.yinz dd p {
	font: 15px "Microsoft YaHei";
	line-height: 30px;
	height: 30px;
	color: #363636;
	background: url(../image/yinz_jt.png) no-repeat left center;
	padding-left: 20px;
}

.yinz dd span a {
	display: block;
	width: 171px;
	height: 54px;
	padding-left: 40px;
	overflow: hidden;
	margin-top: 25px;
	font: 15px "Microsoft YaHei";
	line-height: 54px;
	color: #fff;
	background: url(../image/yinz_btn.png) no-repeat;
}

.yinz h3 {
	width: 550px;
	height: 367px;
	overflow: hidden;
	float: right;
	margin: 75px 0px 0 0;
}

.yinz h3 img {
	display: block;
	width: 550px;
	height: 367px;
}

.honor {
	width: 1200px;
	margin: 40px auto 0;
	height: 380px;
	position: relative;
}

.honor1 {
	overflow: hidden;
}

.honor li {
	width: 410px;
	height: 315px;
	float: left;
	background: url(../image/honor_bg.jpg) no-repeat;
	margin-right: -7px;
}

.honor li img {
	display: block;
	width: 368px;
	height: 274px;
	padding: 10px 0 0 10px;
}

.arr1 a {
	display: block;
	width: 52px;
	height: 52px;
	overflow: hidden;
	background: url(../image/honor_l.png) no-repeat;
	position: absolute;
	top: 110px;
	left: -72px;
}

.arr2 a {
	display: block;
	width: 52px;
	height: 52px;
	overflow: hidden;
	background: url(../image/honor_r.png) no-repeat;
	position: absolute;
	top: 110px;
	right: -72px;
}

.arr1 a:hover,
.arr2 a:hover {
	background-position: 0 -52px;
}

.text-center {
	height: 136px;
	font: 40px "Microsoft YaHei";
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	padding-top: 120px;
}

.text-center a {
	display: block;
	color: #363636;
}

.text-center b {
	color: #133964;
}

.titletong p {
	display: block;
	font: 20px "Microsoft YaHei";
	padding-top: 8px;
}


.tit {
	height: 136px;
	font: 40px "Microsoft YaHei";
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	text-align: center;
	margin-top: 100px;
}

.tit em {
	display: block;
	font: 20px "Microsoft YaHei";
	padding-top: 8px;
}


.pro {
	background: url(../image/kunr_bg.jpg) no-repeat center top;
	height: 1060px;
	padding-top: 70px;
	overflow: hidden;
}

.prot {
	height: 64px;
	background: #fff;
	margin-bottom: 46px;
	box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem #eee;
	position: relative;
}

.prot li {
	width: 240px;
	float: left;
	background: url(../image/pro_line.gif) no-repeat right center;
	font: 20px "Microsoft YaHei";
	text-align: center;
	line-height: 64px;
}

.prot li:nth-child(5) {
	background: none;
}

.prot li a {
	display: block;
	color: #666;
	height: 60px;
	border-bottom: 4px solid #fff;
}

.prot li a:hover,
.prot .cur a {
	color: #2670b8;
	border-bottom: 4px solid #2670b8;
}

.prot li:last-child {
	background: none;
}

.pro01 {
	height: 465px;
	overflow: hidden;
}

.pro01 dl {
	height: 465px;
	overflow: hidden;
}

.pro01 dt {
	width: 794px;
	height: 447px;
	float: left;
	overflow: hidden;
}

.pro01 dt img {
	display: block;
	width: 794px;
	height: 447px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.pro01 dt a:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-transform: scale(1.1, 1.1);
}

.pro01 dd {
	width: 310px;
	height: 397px;
	padding: 50px 40px 0 40px;
	float: right;
	background: #2670b8;
	overflow: hidden;
}

.pro01 dd h3 {
	height: auto;
	padding-bottom: 19px;
	border-bottom: 1px dashed #ebc37e;
	margin-bottom: 15px;
}

.pro01 dd h3 a {
	display: block;
	font: 24px "Microsoft YaHei";
	font-weight: bold;
	color: #fff;
	background: url(../image/pro_arr2.png) no-repeat right top;
	padding-right: 45px;
}

.pro01 dd h3 em {
	display: block;
	font: 14px Arial;
	padding-top: 5px;
}

.pro01 dd .prodd {
	height: 150px;
	font: 14px "Microsoft YaHei";
	color: #fff;
	line-height: 30px;
	overflow: hidden;
}

.pro01 dd .prodd p {
	font: 14px "Microsoft YaHei";
	line-height: 30px;
}

.pro01 dd .prodd b {
	display: block;
	font-size: 16px;
	color: #fff;
	display: block;
	line-height: 30px;
}

.pro01 dd span {
	display: block;
	height: 44px;
	overflow: hidden;
	margin-top: 22px;
}

.pro01 dd span a {
	display: inline-block;
	width: 142px;
	height: 44px;
	overflow: hidden;
	background: #fff;
	font: 14px "Microsoft YaHei";
	text-align: center;
	line-height: 44px;
	color: #2670b8;
	overflow: hidden;
	float: left;
	border-radius: 5px;
}

.pro01 dd span a.a2 {
	background: none;
	border: 1px solid #ebc37e;
	width: 140px;
	height: 42px;
	float: right;
	color: #fff;
}

.pro2 {
	height: 350px;
	position: relative;
}

.pro1 li {
	float: left;
	position: relative;
	margin: 0 15px 15px 0;
	width: 390px;
	background: #fff;
	height: 295px;
	box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem #eee;
}

.pro1 li img {
	display: block;
	width: 390px;
	height: 212px;
	border: 1px solid #eaeaea;
}

.pro1 li p {
	padding: 20px 30px 0 30px;
	font: 18px "Microsoft YaHei";
	font-weight: bold;
	color: #676767;
	height: 63px;
	position: relative;
}

.pro1 li p em {
	display: block;
	font: 12px "Microsoft YaHei";
	color: #d0d0d0;
	font-weight: normal;
}

.pro1 li p b {
	display: block;
	font: 80px Arial;
	color: #f0f0f0;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 76px;
	width: 83px;
	overflow: hidden;
	letter-spacing: -11px;
}

.arr3 a,
.arr5 a,
.arr7 a {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	top: 85px;
	left: -70px;
	background: url(../image/pro_l.png) no-repeat;
}

.arr4 a,
.arr6 a,
.arr8 a {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	top: 85px;
	right: -70px;
	background: url(../image/pro_r.png) no-repeat;
}

.arr3 a:hover,
.arr4 a:hover,
.arr5 a:hover,
.arr6 a:hover,
.arr7 a:hover,
.arr8 a:hover {
	background-position: 0 -40px;
}

.kunr {
	height: 594px;
}

.kunr h2 {
	height: 133px;
	padding-top: 50px;
	text-align: center;
}

.kunr dl {
	width: 222px;
	float: left;
	margin-right: 18px;
	background: #fff;
	height: 303px;
	box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem #eee;
}

.kunr dt {
	width: 222px;
	height: 197px;
	overflow: hidden;
}

.kunr dt img {
	display: block;
	width: 222px;
	height: 197px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.kunr dl:hover dt img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-transform: scale(1.1, 1.1);
}

.kunr dd em {
	display: block;
	width: 42px;
	height: 42px;
	margin: 0 auto;
	position: relative;
	margin-top: -21px;
	z-index: 1;
	background: #133964;
	border-radius: 42px;
	font: 20px Arial;
	text-align: center;
	font-weight: bold;
	line-height: 42px;
	color: #fff;
}

.kunr dd h3 {
	font: 16px "Microsoft YaHei";
	text-align: center;
	font-weight: bold;
	color: #666;
	line-height: 28px;
	padding-top: 10px;
}

.kunr dd h3 span {
	display: block;
	font-size: 18px;
}

.kunr dd h3 b {
	color: #1e252d;
}

.kunr .nones {
	margin-right: 0;
}

.online {
	background: url(../image/online_bg.jpg) no-repeat center top;
	height: 446px;
	overflow: hidden;
}

.online h3 {
	font: 14px "Microsoft YaHei";
	color: #dadada;
	width: 300px;
	float: left;
	margin-top: 300px;
	background: url(../image/online_lx.png) no-repeat left 0;
	padding-left: 60px;
}

.online h3 em {
	display: block;
	font: 26px Arial;
	font-weight: bold;
	color: #fff;
}

.online1 {
	width: 360px;
	float: right;
	margin-top: 35px;
}

.online1 h4 {
	font: 18px "Microsoft YaHei";
	line-height: 50px;
	color: #000;
	height: 50px;
	overflow: hidden;
}

.online1 li {
	height: 56px;
	overflow: hidden;
	background: #fff;
	width: 320px;
	margin-bottom: 10px;
}

.online1 li input {
	width: 300px;
	padding: 0 0 0 10px;
	line-height: 56px;
	height: 56px;
	background: none;
	border: 0;
	overflow: hidden;
	font: 14px "Microsoft YaHei";
	color: #c1c1c1;
	outline: none;
}

.online1 li span {
	color: #f00;
	font-size: 16px;
}

.online1 .ly {
	height: 114px;
}

.online1 .ly textarea {
	width: 310px;
	padding: 10px 0 0 10px;
	line-height: 25px;
	height: 104px;
	background: none;
	border: 0;
	overflow: hidden;
	resize: none;
	font: 14px "Microsoft YaHei";
	color: #c1c1c1;
	outline: none;
}

.online1 .btt {
	width: 220px;
	overflow: hidden;
}

.online1 .btt input {
	font: 16px "Microsoft YaHei";
	text-align: center;
	font-weight: bold;
	color: #fe0002;
	padding: 0;
	width: 220px;
}

.online1 li input::-webkit-input-placeholder {
	color: #c1c1c1 !important;
}

.online1 li input:-moz-placeholder {
	color: #c1c1c1 !important;
}

.online1 li input::-moz-placeholder {
	color: #c1c1c1 !important;
}

.online1 li input:-ms-input-placeholder {
	color: #c1c1c1 !important;
}

.online1 li textarea::-webkit-input-placeholder {
	color: #c1c1c1 !important;
}

.online1 li textarea:-moz-placeholder {
	color: #c1c1c1 !important;
}

.online1 li textarea::-moz-placeholder {
	color: #c1c1c1 !important;
}

.online1 li textarea:-ms-input-placeholder {
	color: #c1c1c1 !important;
}


.case {
	height: 1213px;
	padding-top: 70px;
	overflow: hidden;
}

.caset {
	height: 128px;
	background: #363636;
	margin-bottom: 20px;
	position: relative;
}

.caset li {
	width: 240px;
	float: left;
	background: url(../image/case_line.gif) no-repeat right center;
	font: 16px "Microsoft YaHei";
	text-align: center;
	height: 128px;
	font-weight: bold;
}

.caset li span {
	display: block;
	width: 64px;
	height: 60px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.caset li em {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.caset li i {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
	transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.caset li img {
	display: block;
	width: 64px;
	height: 60px;
}

.caset li a {
	display: block;
	color: #128px;
	height: 108px;
	color: #fff;
	padding-top: 20px;
}

.caset li a:hover,
.caset .cur a {
	background: #2670b8;
}

.caset li a:hover em,
.caset .cur em {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
	transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
}

.caset li a:hover i,
.caset .cur i {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotate3d(1, 0, 0, 0deg);
	transform: rotate3d(1, 0, 0, 0deg);
}

.case01 {
	height: 600px;
	overflow: hidden;
}

.case01 dl {
	height: 600px;
	background: #ececec;
	overflow: hidden;
}

.case01 dt {
	width: 1200px;
	height: 413px;
	overflow: hidden;
}

.case01 dt img {
	display: block;
	width: 1200px;
	height: 413px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.case01 dt a:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-transform: scale(1.1, 1.1);
}

.case01 dd {
	padding: 26px 40px 0 40px;
	overflow: hidden;
}

.case01 dd h3 {
	font: 30px "Microsoft YaHei";
	font-weight: bold;
	height: 40px;
}

.case01 dd h3 a {
	display: block;
	color: #363636;
}

.case01 dd h3 em {
	font: 16px "Microsoft YaHei";
	color: #4f4f4f;
	text-decoration: underline;
	padding-left: 12px;
}

.case01 dd p {
	font: 14px "Microsoft YaHei";
	line-height: 30px;
	height: 30px;
	padding: 5px 0;
	color: #676767;
	overflow: hidden;
}

.case01 dd span {
	display: block;
	height: 44px;
	overflow: hidden;
}

.case01 dd span a {
	display: inline-block;
	width: 145px;
	height: 44px;
	overflow: hidden;
	background: #363636;
	font: 14px "Microsoft YaHei";
	text-align: center;
	line-height: 44px;
	color: #fff;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}

.case01 dd span a.a2 {
	background: #2670b8;
}

.case2 {
	height: 350px;
	position: relative;
	margin-top: 20px;
}

.case1 {
	overflow: hidden;
}

.case1 li {
	float: left;
	position: relative;
	margin: 0 22px 0 0;
	width: 386px;
	background: #fff;
}

.case1 li img {
	display: block;
	width: 386px;
	height: 217px;
}

.case1 li em {
	display: block;
	font: 14px "Microsoft YaHei";
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-align: center;
}

.ys h2 {
	height: 160px;
	font: 40px "Microsoft YaHei";
	font-weight: bold;
	color: #363636;
	text-align: center;
}

.ys h2 em {
	color: #2670b8;
}

.ys h2 span {
	display: block;
	background: #2670b8;
	border-radius: 1.2rem;
	width: 620px;
	margin: 8px auto 0;
	height: 44px;
	font: 24px "Microsoft YaHei";
	line-height: 44px;
	color: #fff;
	position: relative;
}

.ys h2 span b {
	font-size: 27px;
	display: block;
	font-family: Arial;
	position: absolute;
	top: 2px;
	left: 50px;
}

.ys1 {
	height: 637px;
	overflow: hidden;
	background: url(../image/ys_bg1.jpg) no-repeat center top;
}

.ys1 dl {
	width: 490px;
	float: right;
	margin-top: 143px;
}

.ys1 dt {
	font: 30px "Microsoft YaHei";
	padding: 0 0 55px 110px;
	font-weight: bold;
	color: #fff;
}

.ys1 dt em {
	display: block;
	font: 20px "Microsoft YaHei";
}

.ys2 {
	width: 1200px;
	margin: 80px auto;
	height: 465px;
	overflow: hidden;
}

.ys2 h2,
.ys4 h2 {
	width: 600px;
	height: 465px;
	overflow: hidden;
	float: right;
}

.ys2 h2 img,
.ys4 h2 img {
	display: block;
	width: 600px;
	height: 465px;
	border-radius: 5px;
}

.ys2 dl,
.ys4 dl {
	width: 550px;
	float: left;
	margin-top: 65px;
}

.ys2 dt {
	font: 30px "Microsoft YaHei";
	font-weight: bold;
	color: #2670b8;
	background: url(../image/ys_02.jpg) no-repeat left 0;
	padding: 8px 0 55px 110px;
}

.ys2 dt em {
	display: block;
	font: 20px "Microsoft YaHei";
	color: #363636;
	padding-top: 8px;
}

.ys2 dd span,
.ys4 dd span {
	display: block;
	margin-top: 45px;
}

.ys2 dd span img,
.ys4 dd span img {
	display: inline-block;
	width: 260px;
	height: 159px;
	margin-right: 10px;
	border-radius: 5px;
}

.ys3 {
	height: 635px;
	width: 1200px;
	margin: 25px auto;
}

.ys3 h2 {
	height: 525px;
	overflow: hidden;
}

.ys3 h2 img {
	display: block;
	width: 1200px;
	height: 525px;
}

.ys3 dl {
	width: 560px;
	height: 300px;
	overflow: hidden;
	position: relative;
	margin-top: -150px;
	background: #2670b8;
	border-radius: 5px;
}

.ys3 dt {
	font: 30px "Microsoft YaHei";
	font-weight: bold;
	color: #fff;
	padding: 30px 0 60px 147px;
	height: 60px;
	background: url(../image/ys_03.jpg) no-repeat 20px 20px;
}

.ys3 dt em,
.ys4 dt em {
	display: block;
	font: 20px "Microsoft YaHei";
	padding-top: 8px;
}

.ys3 dd {
	height: 120px;
	padding: 30px 20px 0 20px;
	background: #e9e9e9;
}

.ys4 {
	height: 552px;
	padding-top: 132px;
	overflow: hidden;
	background: url(../image/ys_bg4.jpg) no-repeat center top;
}

.ys4 dt {
	font: 30px "Microsoft YaHei";
	font-weight: bold;
	color: #fff;
	padding: 30px 0 50px 108px;
	height: 60px;
	background: url(../image/ys_04.png) no-repeat left 20px;
}

.ys4 dd p {
	color: #fff;
	background: url(../image/ys_arr4.png) no-repeat left 10px;
}

.lc {
	height: 340px;
	margin-top: 80px;
	overflow: hidden;
}

.lc ul {
	height: 180px;
	margin-top: 15px;
	overflow: hidden;
	background: url(../image/lc_line.gif) repeat-x center 52px;
}

.lc li {
	width: 97px;
	font: 18px "Microsoft YaHei";
	text-align: center;
	font-weight: bold;
	color: #252525;
	margin: 11px 40px 0 0;
	float: left;
}

.lc li span {
	display: block;
	width: 89px;
	height: 75px;
	border: 4px solid #cbcbcb;
	background: #fff;
	margin-bottom: 35px;
}

.lc li span em {
	display: block;
	width: 28px;
	height: 25px;
	background: #133964;
	margin: -14px auto 0;
	text-align: center;
	color: #fff;
	font: 14px "Microsoft YaHei";
	font-weight: bold;
	line-height: 25px;
}

.lc li i {
	display: block;
	width: 50px;
	height: 50px;
	margin: 8px auto;
}

.lc li i img {
	display: block;
	width: 50px;
	height: 50px;
}

.lc li:hover {
	color: #133964;
}

.lc li:hover span {
	border: 4px solid #133964;
}

.lc li:last-child {
	margin-right: 0;
}

.zhs {
	height: 475px;
	position: relative;
}

.zhs2 {
	width: 1200px;
	overflow: hidden;
}

.zhs li {
	width: 589px;
	overflow: hidden;
	margin-right: 20px;
}

.zhs li img {
	display: block;
	width: 569px;
	height: 390px;
	border: 10px solid #370101;
}

.zhs li em {
	display: block;
	font: 14px "Microsoft Yahei";
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-align: center;
}

.zhs .arr7 a,
.zhs .arr8 a {
	top: 175px;
}

.guan1 {
	height: 130px;
	overflow: hidden;
	width: 1219px;
	background: url(../image/guan1.jpg) no-repeat center top;
}

.guan1 p {
	width: 470px;
	float: right;
	margin: 50px 120px 0 0;
	position: relative;
	font: 14px "Microsoft YaHei";
	color: #a7a7a7;
	background: url(../image/guan1_lx.png) no-repeat left 0;
	padding-left: 60px;
}

.guan1 p em {
	display: block;
	font: 28px Arial;
	font-weight: bold;
	color: #fff;
}

.guan1 p a {
	display: block;
	width: 160px;
	height: 42px;
	border-radius: 2rem;
	font: 14px "Microsoft YaHei";
	text-align: center;
	line-height: 42px;
	color: #fff;
	background: #2670b8;
	position: absolute;
	top: 0;
	right: 0;
}

.shuz {
	height: 215px;
	overflow: hidden;
	background: #133964;
}

.shuz .youshi {
	max-width: 1500px;
	margin: 0 auto;
}

.shuz li {
	width: 360px;
	float: left;
	margin-top: 65px;
	background: url(../image/shuz_line.jpg) no-repeat right top;
	font: 18px "Microsoft YaHei";
	text-align: center;
	color: #fff;
}

.shuz li span {
	display: block;
	font: 48px Arial;
	font-weight: bold;
	position: relative;
	color: #e3a946;
}

.shuz li span i {
	display: block;
	font: 14px "Microsoft YaHei";
	position: absolute;
	top: 7px;
	left: 250px;
}

.shuz li b {
	display: block;
	font: 12px "Microsoft YaHei";
	color: #c7c7c775;
}

.shuz .li1 span i {
	left: 210px;
}

.shuz .li4 span i {
	left: 193px;
}

.shuz .li5 span i {
	background: none;
	left: 235px;
}

.shuz .li5 {
	background: none;
}


.content-bg {
	background: url(../image/newbg.png) no-repeat center bottom;
	height: 870px;
}

.new {
	height: 875px;
	/* margin-top:80px; */
	overflow: hidden;
}

.newt {
	height: 45px;
	position: relative;
	overflow: hidden;
}

.newt li {
	width: 144px;
	height: 45px;
	float: left;
	margin-right: 10px;
	background: #e8e8e8;
	font: 18px "Microsoft YaHei";
	text-align: center;
	line-height: 45px;
}

.newt li a {
	display: block;
	color: #000;
}

.newt li a:hover,
.newt .cur a {
	background: #133964;
	color: #fff;
	font-weight: bold;
}

.more2 {
	width: 137px;
	height: 42px;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	font: 16px "Microsoft YaHei";
	line-height: 42px;
	color: #133964;
	float: right;
	text-align: center;
}

.more2 em a {
	color: #333;
	display: block;
}

.new2 {
	height: 560px;
	overflow: hidden;
}

.dl1 {
	width: 600px;
	float: left;
	overflow: hidden;
	margin-top: 34px;
}

.dl1 dt {
	width: 600px;
	height: 411px;
	overflow: hidden;
}

.dl1 dt img {
	display: block;
	width: 600px;
	height: 411px;
}

.dl1 dd {
	width: 440px;
	height: 200px;
	padding: 0 40px;
	box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem #999;
	margin: -100px auto 20px;
	background: #fff;
	position: relative;
}

.dl1 dd h3 a {
	display: block;
	font: 16px "Microsoft YaHei";
	font-weight: bold;
	line-height: 35px;
	height: 35px;
	overflow: hidden;
	color: #133964;
	padding-top: 24px;
}

.dl1 dd p {
	font: 14px "Microsoft YaHei";
	line-height: 24px;
	height: 48px;
	color: #666;
	overflow: hidden;
	margin: 5px 0 15px;
}

.dl1 dd em a {
	font: 16px Arial;
	color: #1b1b1b;
	text-transform: capitalize;
	border-bottom: 2px solid #1b1b1b;
}

.dl2 {
	width: 565px;
	float: right;
	overflow: hidden;
	padding: 25px 0;
	border-bottom: 1px solid #ebebeb;
}

.dl3 {
	padding: 34px 0 25px;
}

.dl2 dt {
	width: 180px;
	height: 136px;
	float: left;
	overflow: hidden;
}

.dl2 dt img {
	display: block;
	width: 180px;
	height: 136px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.dl2 dt a:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-transform: scale(1.1, 1.1);
}

.dl2 dd {
	width: 350px;
	float: right;
}

.dl2 dd h3 a {
	display: block;
	font: 16px "Microsoft YaHei";
	font-weight: bold;
	color: #000;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.dl2 dd p {
	font: 15px "Microsoft YaHei";
	line-height: 24px;
	height: 48px;
	color: #737373;
	margin: 10px 0 15px;
}

.dl2 dd em {
	display: block;
	font: 14px Arial;
	color: #666;
}

.about {
	height: 690px;
	overflow: hidden;
}

.about1 {
	box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem #999;
	background: #fff;
	height: 477px;
}

.about1 dt {
	width: 600px;
	height: 477px;
	position: relative;
	float: left;
}

.about1 dt img {
	display: block;
	width: 960px;
	height: 477px;
	margin-left: -360px;
}

.about1 dt span {
	display: block;
	width: 460px;
	height: 90px;
	padding: 20px 0 0 30px;
	overflow: hidden;
	position: absolute;
	bottom: 45px;
	font: 30px "Microsoft YaHei";
	font-weight: bold;
	color: #fff;
	background: #133964e3 url(../image/pro_arr2.png) no-repeat 428px 25px;
}

.about1 dt span em {
	display: block;
	font: 18px "Microsoft YaHei";
}

.about1 dd {
	width: 505px;
	margin-top: 60px;
	float: right;
	overflow: hidden;
}

.about1 dd h3 {
	font: 24px "Microsoft YaHei";
	font-weight: bold;
	color: #363636;
}

.about1 dd h3 a {
	display: block;
	color: #363636;
}

.about1 dd h3 em {
	display: block;
	font: 14px "Microsoft YaHei";
	color: #b3b3b3;
}

.about1 dd p {
	font: 16px "Microsoft YaHei";
	line-height: 24px;
	color: #7a7a7a;
	height: 144px;
	margin: 40px 0 80px;
}

.about1 dd span a {
	display: block;
	width: 160px;
	height: 45px;
	background: #133964;
	border-radius: 2rem;
	font: 14px "Microsoft YaHei";
	line-height: 45px;
	color: #fff;
	text-align: center;
}

.pic {
	height: 375px;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.pict {
	height: 40px;
	margin-bottom: 20px;
	overflow: hidden;
}

.pict li {
	width: 135px;
	height: 40px;
	background: #e8e8e8;
	float: left;
	margin-right: 10px;
	font: 16px "Microsoft YaHei";
	text-align: center;
	line-height: 40px;
}

.pict li a {
	display: block;
	color: #262626;
}

.pict li a:hover,
.pict .cur a {
	background: #133964;
	font-weight: bold;
	color: #fff;
}

.pic2 {
	position: relative;
}

.pic2 li {
	width: 290px;
	float: left;
	margin-right: 12px;
}

.pic2 li img {
	display: block;
	width: 290px;
	height: 200px;
}

.pic2 li em {
	display: block;
	height: 55px;
	font: 14px "Microsoft YaHei";
	font-weight: bold;
	line-height: 55px;
	color: #787878;
	background: #e8e8e8;
	overflow: hidden;
	text-align: center;
}

.arr9 a {
	display: block;
	width: 40px;
	height: 33px;
	background: #eee;
	font: 20px "宋体";
	line-height: 33px;
	text-align: center;
	color: #9b9b9b;
	position: absolute;
	top: -56px;
	right: 45px;
}

.arr10 a {
	display: block;
	width: 40px;
	height: 33px;
	background: #eee;
	font: 20px "宋体";
	line-height: 33px;
	text-align: center;
	color: #9b9b9b;
	position: absolute;
	top: -56px;
	right: 0;
}

.arr9 a:hover,
.arr10 a:hover {
	background: #133964;
	color: #fff;
}



.case11 {
	padding: 100px 0 80px;
}

.case11 h2 {
	margin-bottom: 65px;
}

.case11_l {
	float: left;
	width: 280px;
}

.case11_l li {
	height: 90px;
	background: url(../image/case11_li1.jpg) no-repeat;
	margin-bottom: 13px;
}

.case11_l li a {
	display: block;
	padding-left: 60px;
	height: 90px;
}

.case11_l li span {
	display: block;
	font-size: 20px;
	line-height: 20px;
	color: #000;
	padding: 26px 0 0;
}

.case11_l li i {
	display: block;
	font-size: 14px;
	color: #282828;
	line-height: 26px;
	text-transform: uppercase11;
}


.case11_l li.cur {
	width: 410px;
	background: url(../image/case11_li2.jpg) no-repeat;
	position: relative;
	z-index: 10;
}

.case11_l li.cur span,
.case11_l li.cur i {
	color: #fff;
}

.case11_r {
	float: right;
	width: 890px;
	height: 610px;
	overflow: hidden;
}

.case11_r dl {
	height: 610px;
	position: relative;
}

.case11_r dt img {
	display: block;
	width: 890px;
	height: 610px;
	transition: all 0.5s;
}

.case11_r dd {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 830px;
	padding: 0 30px;
	height: 114px;
	background: rgba(0, 0, 0, 0.5);
}

.case11_r dd h3 a {
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 18px;
	margin: 20px 0 10px;
}

.case11_r dd p {
	font-size: 14px;
	color: #fff;
	line-height: 24px;
}

.case11_r dd p a {
	color: #fff;
}

.case11_r dt:hover img {
	transform: scale(1.05);
}










/* 产品展示 */
.index_product {
	background: #f5f5f5 url(../image/chanpin-bg.png) center top no-repeat;
	)
}

.index_cpitem {
	margin-bottom: 30px;
}

.index_pronavul {
	text-align: center;
	margin-bottom: 30px;
	font-size: 0;
}

.index_pronavul li {
	display: inline-block;
	text-align: center;
	height: 50px;
	background-color: #f5f5f5;
	line-height: 50px;
	margin: 0 6px;
}

.index_pronavul li a {
	display: block;
	font-size: 16px;
	padding: 0 49px;
	color: black;
}

.index_pronavul li:hover {
	background-color: #133964;
}

.index_pronavul li:hover a {
	color: #fff;
}

.index_procur {
	background-color: #133964 !important;
}

.index_pronavul li.index_procur a {
	color: #fff;
}

.index_pronavlist .inrowitme {
	display: none;
}

.index_pronavlist .inrowitme:first-child {
	display: block;
}

.index_procur a {
	color: #fff;
}

.index_cpitem a {
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.mBox2Img {
	position: relative;
	overflow: hidden;
}

.mBox2Img>img {
	vertical-align: middle;
	width: 100%;
	margin: 0 auto;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.6s ease-in-out;
}

.mBox2Line {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 6px;
	background: #a41435;
	transition: all 0.6s ease-out 0.2s;
	-webkit-transition: all 0.6s ease-out 0.2s;
}

.mBox2Shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background: #133964;
}

.mBox2Conbg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
}

.mBox2_name {
	text-align: center;
	color: #FFFFFF;
	width: 100%;
	overflow: hidden;
}

.mBox2_name h4 {
	font-size: 16px;
	line-height: 50px;
	margin: 0 auto;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mBox2Brief {
	width: 100%;
	font-size: 15px;
	color: #ffffff;
	padding: 5px 10px 15px;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.mBox2Ico {
	margin: 0 auto;
	width: 24px;
	height: 24px;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.index_cpitem a:hover .mBox2Img>img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.index_cpitem a:hover .mBox2Line {
	width: 100%;
	left: 0;
}

.index_cpitem a:hover .mBox2Shadow {
	height: 100%;
	background: rgb(74 74 73 / 80%);
}

.index_cpitem a:hover .mBox2Conbg {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.index_cpitem a:hover .mBox2_name h4 {
	font-size: 18px;
	font-weight: bold;
}

.index_cpitem a:hover .mBox2Brief {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transition: all 0.3s ease-out 0.2s;
	-webkit-transition: all 0.3s ease-out 0.2s;
}

.index_cpitem a:hover .mBox2Ico {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transition: all 0.3s ease-out 0.3s;
	-webkit-transition: all 0.3s ease-out 0.3s;
}

.img-responsive {
	display: block;
}

.index_cpitem {
	text-align: center;
	transition: All 0.4s ease-in-out 0.3s;
	-webkit-transition: All 0.4s ease-in-out 0.3s;
	-moz-transition: All 0.4s ease-in-out 0.3s;
	-o-transition: All 0.4s ease-in-out 0.3s;

}

.donghua {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.index_pronavlist {
	padding: 0px 5%;
}

.index_pronavlist .index_cpitem {
	width: calc((100% - 70px)/4);
	margin-right: 20px;
	margin-bottom: 50px;
	float: left;
}

.index_pronavlist .index_cpitem:nth-child(4n) {
	margin-right: 0;
}

.clearfloat:after {
	display: block;
	clear: both;
	content: "";
}




/*优势*/

#reason {
	width: 100%;
	padding: 100px 0 0;
	box-sizing: border-box
}

.reason-title {
	width: 811px;
	height: 180px;
	margin-left: 750px;
	text-transform: uppercase
}

.reason-title-top {
	width: 100%;
	padding-left: 100px;
	box-sizing: border-box;
	height: 90px;
	line-height: 90px;
	position: relative
}

.reason-title-top h3 {
	font-size: 70px;
	line-height: 70px;
	height: .9px;
	float: left;
	font-weight: bold;
	color: #c52720
}

.reason-title-top span {
	font-size: 23px;
	color: #c1c1c1;
	line-height: 03px;
	margin-top: 60px;
	margin-left: 10px;
	font-weight: 300;
	float: left
}

.reason-title-botm {
	width: 100%;
	height: 90px;
	position: relative
}

.reason-title-con {
	float: left;
	height: 90px;
	width: 410px;
	text-align: right;
	padding-right: 10px;
	box-sizing: border-box;
	letter-spacing: 2px
}

.reason-title-con h4 {
	font-size: 40px;
	line-height: 50px;
	color: #262626;
	font-weight: 500
}

.reason-title-con p {
	font-size: 24px;
	color: #c1c1c1;
	line-height: 40px;
	font-weight: 300
}

.reason-title-botm h2 {
	font-size: 60px;
	color: #c52720;
	font-weight: bold;
	line-height: 90px;
	float: left;
	letter-spacing: 2px
}

.reason-title-top:before {
	content: '';
	height: 8px;
	width: 600px;
	background: #c52720;
	position: absolute;
	bottom: 21px;
	left: -520px
}

.reason-title-botm:before {
	content: '';
	height: 120px;
	width: 124px;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: -30px
}

.reason-one {
	width: 100%;
	position: relative;
	height: 760px;
	background: url(../image/reason_box01_bg.jpg)no-repeat;
	background-size: 100% 100%;
	padding: 20px 0 40px;
	box-sizing: border-box;
	margin-top: 60px
}

.reason-img {
	width: 1154px;
	height: 700px
}

.reason-img img {
	width: 100%;
	height: 100%;
	display: block
}

.reason-box {
	width: 1000px;
	height: 600px;
	background: url(../image/body_bg.jpg);
	position: absolute;
	top: 75px;
	left: 0;
	box-shadow: -20px 0 20px #000e1e;
	padding: 60px 25px 0 360px;
	box-sizing: border-box
}

.reason-box:before {
	content: '';
	width: 40px;
	height: 23px;
	background-size: 40px 23px;
	position: absolute;
	top: -23px;
	right: 0
}

.reason-box img {
	width: 110px;
	height: 236px;
	position: absolute;
	top: 0;
	left: 210px
}

.reason-box h3 {
	font-size: 42px;
	font-weight: bold;
	color: #1b1a23;
	line-height: 70px
}

.reason-box i {
	display: inline-block;
	padding: 0 20px;
	box-sizing: border-box;
	line-height: 38px;
	background: #c52720;
	color: #FFFFFF;
	border-radius: 5px;
	margin-top: 10px;
	font-size: 18px
}

.reason-box ul {
	width: 100%;
	padding-left: 30px;
	box-sizing: border-box
}

.reason-box ul li {
	
	position: relative;
	font-size: 17px;
	color: #333333;
	
}

.reason-box ul li p {
	line-height: 36px;
	border-bottom: 1px dashed #716f70;
	/* float: left */
}

.reason-box ul li:before {
	content: '';
	width: 16px;
	height: 16px;
	background: #c52720;
	position: absolute;
	top: 12px;
	left: -30px
}

.reason-two {
	width: 100%;
	position: relative;
	height: 750px;
	background: url(../image/reason_box02_bg.jpg)no-repeat;
	background-size: 100% 100%;
	padding: 0px 0 50px;
	box-sizing: border-box
}

.reason-two .reason-img {
	width: 1160px;
	height: 700px;
	float: left
}

.reason-two .reason-box {
	left: auto;
	right: 0;
	top: 20px;
	padding: 60px 360px 0 20px;
	box-shadow: none;
	width: 1000px
}

.reason-two .reason-box:before {
	left: 0;
	right: auto;
	background: url(../image/reason_box_jiaos.png)no-repeat;
	background-size: 40px 24px
}

.reason-two .reason-box img {
	left: auto;
	right: 210px
}

.reason-two .reason-box h3 {
	text-align: right
}

.reason-two .reason-box ul {
	padding-left: 30px;
	
}

.reason-two .reason-box ul li:before {
	left: -30px
	
}

/* .reason-two .reason-box ul li p {
	float: right
} */

.reason-two-botm {
	width: 1000px;
	height: 80px;
	position: absolute;
	bottom: 50px;
	right: 0;
	border: 1px solid #bfbfbf;
	box-sizing: border-box;
	background: #262626
}

.reason-two-botm ul li {
	height: 80px;
	float: left;
	border-left: 2px solid #bfbfbf;
	padding: 25px 0 0 50px;
	box-sizing: border-box;
	color: #FFFFFF;
	width: 25%
}

.reason-two-botm ul li:first-child {
	border-left: 0;
	background: url(http://gjjc.ppjdfw.com/template/qiezi/static/image/reason_two_botm_ico01.png)no-repeat 18px center;
	background-size: 60px 60px
}

.reason-two-botm ul li:nth-child(2) {
	background: url(http://gjjc.ppjdfw.com/template/qiezi/static/image/reason_two_botm_ico02.png)no-repeat 18px center;
	background-size: 60px 60px
}

.reason-two-botm ul li:nth-child(3) {
	background: url(http://gjjc.ppjdfw.com/template/qiezi/static/image/reason_two_botm_ico03.png)no-repeat 18px center;
	background-size: 60px 60px
}

.reason-two-botm ul li:nth-child(4) {
	background: url(http://gjjc.ppjdfw.com/template/qiezi/static/image/reason_two_botm_ico04.png)no-repeat 18px center;
	background-size: 60px 60px
}

.reason-two-botm ul li h4 {
	font-size: 22px;
	font-weight: bold;
	line-height: 35px
}

.reason-two-botm ul li p {
	font-size: 16px;
	line-height: 26px
}

.reason-three {
	height: 728px;
	width: 100%;
	padding: 0 0 28px;
	box-sizing: border-box;
	background: url(../image/reason_box03_bg.jpg)no-repeat;
	background-size: 100% 100%;
	position: relative
}

.reason-three .reason-box {
	padding: 60px 25px 0 340px
}

.reason-three .reason-box h3 {
	font-size: 44px
}




	#banner{
		width:100%;
		height:700px;
		overflow:hidden;
		position:relative;}
    .swiper-container {
        width: 1920px;
        height: 700px;
		position:absolute;
		left:-960px;
		margin-left:50%;
    }
     .swiper-slide .detail{
		height:90px;
		position:absolute;
		width:100%;
		bottom: 120px;
		color:#000;
	    -webkit-text-fill-color:black;
         -webkit-text-stroke: 2px #e2e2e2;
	
		opacity:0;
		transition:opacity .3s .3s;
		}
	.swiper-slide-active .detail{
		opacity:1;
		text-align: center;
		line-height: 62px;
		}
	.swiper-slide .detail h3{
		width:950px;
		margin:15px auto 0;
		font-size:36px;}
	.swiper-slide .detail p{
		width:950px;
		margin:5px auto 0;
		font-size: 42px;
		font-weight: 600;
		}	
	.swiper-slide .detail p span{
		display:block;
		}	
/**/.effect1 img{
		transform:scale(1.25,1.25) translate(10%,10%);
		transform:scale(1.1,1.1) translate(4.545%,4.545%);
		/*tr     =    (sc-1)/2sc*100%              */
        /* --1.25       0.25/2.5*100%=10%          */
		
		}
		
.leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}

.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}

.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}

.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}

.swiper-slide img{
	animation-duration:5s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;
	}	
.swiper-pagination{
	bottom:35px;
	right:250px;
	}
.swiper-pagination-bullet{
	width:10px;
	height:10px;
	background:#fff;
	border:1px solid #000;
	
	margin:0 5px;
	}	

.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
	}
.swiper-button-prev{
	left:0;}	
.swiper-button-next{
	right:0;}	
.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25) url(../image/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.swiper-button-next span{
	background: rgba(180,180,180,0.25) url(../image/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
	opacity: .7;
}
.slide-grid-video{width:100%;}